<template>
	<view class="content">
		<!-- src 支持动态绑定或静态 URL -->
		<web-view :src="webviewUrl" :webview-styles="webviewStyles" @message="handleMessage" :fullscreen="false"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				webviewUrl: '', // 初始化为空，通过 onLoad 接收参数
        webviewStyles: {
          progress: {
            color: '#FF3333'
          },
          height: '100%', // 设置 WebView 高度为 100%
          width: '100%' // 设置 WebView 宽度为 100%
        }
			};
		},
		onLoad(options) {
			// 接收跳转时传递的 URL 参数（需编码）
			this.webviewUrl = decodeURIComponent(options.url);
		},
		methods: {
		}
	}
</script>

<style lang="scss">
.content{
  height: 100%;
  width: 100%;
}
</style>